<!--
 * @Description:
 * @version:
 * @Author: sunqian_sr
 * @Date: 2023-03-14 16:16:17
 * @LastEditors: Andy
 * @LastEditTime: 2023-03-30 18:05:23
-->
<template>
  <x-sub-page class="supplier-detail-page" :content="$t('supplier.record.detail')" :isFixBtn="true">
    <div class="main-panel">
      <supplier-information ref="supplierInformationCom" :supplierInfo="supplierInfo"></supplier-information>
    </div>
    <fixed-btn-area>
      <el-button @click="handleCancel()"> {{ $t('common.cancel') }} </el-button>
    </fixed-btn-area>
  </x-sub-page>
</template>
<script>
  import SupplierInformation from '@package/components/src/workflow/components/workFlowForm/supplierInformation/index.vue'

  export default {
    name: 'RecordDetail',
    components: { SupplierInformation },
    inject: ['closePages'],
    data() {
      return {
        supplierInfo: {}
      }
    },
    created() {
      const data = this.$route.query
      this.supplierInfo = data
    },
    methods: {
      handleCancel() {
        this.$router.go(-1)
        this.closePages()
      }
    }
  }
</script>
<style lang="scss" scoped>
  .main-panel {
    display: flex;
    overflow: hidden;
    .flow-form {
      flex: 1;
    }
  }
</style>
